<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>流程图预览</title>
    <script src="./vue.min.js"></script>
    <link rel="stylesheet" href="./lflow.css" />
    <!--LogicFlow core包css-->
    <link rel="stylesheet" href="./flowcore.css" />
    <!--LogicFlow core包js-->
    <script src="./logic-flow.js"></script>
  </head>

  <body>
    <div id="app"></div>
    <div id="back">返回</div>
  </body>
  <script src="./webview155.js"></script>
  <script>
    document.querySelector("#back").addEventListener("click", () => {
      uni.navigateBack({
        delta: 1,
      });
    });
  </script>
  <script>
    new Vue({
      el: "#app",
      data: function () {
        return {};
      },
      watch: {},
      created() {
        const lf = new LogicFlow({
          container: document.querySelector("#app"),
          grid: true,
        });
        // console.log(location.search.split("=")[1]);
        let info = location.search.split("=")[1];
        console.log();
        let xxx = decodeURI(info);
        // console.log(JSON.parse(info));
        lf.render(JSON.parse(xxx));
        // lf.render({
        //   nodes: [
        //     {
        //       id: "1",
        //       type: "rect",
        //       x: 100,
        //       y: 100,
        //       text: "节点1",
        //     },
        //     {
        //       id: "2",
        //       type: "circle",
        //       x: 300,
        //       y: 200,
        //       text: "节点2",
        //     },
        //     {
        //       id: "3",
        //       type: "circle",
        //       x: 500,
        //       y: 700,
        //       text: "节点3",
        //     },
        //   ],
        //   edges: [
        //     {
        //       sourceNodeId: "1",
        //       targetNodeId: "2",
        //       type: "polyline",
        //       text: "连线",
        //     },
        //     {
        //       sourceNodeId: "2",
        //       targetNodeId: "3",
        //       type: "polyline",
        //       text: "连线",
        //     },
        //   ],
        // });
      },
      methods: {},
    });
  </script>
</html>
